<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>添加管理员-WeAdmin Frame型后台管理系统-WeAdmin 1.0</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <base href="http://localhost:8080"/>
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/weadmin.css">
</head>

<body>
  <div class="weadmin-body">
    <form class="layui-form">
      <div class="layui-form-item">
        <label for="username" class="layui-form-label">
          <span class="we-red">*</span>登录名
        </label>
        <div class="layui-input-inline">
          <input type="text" id="username" name="username" required="" lay-verify="required" autocomplete="off"
            class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">
          <span class="we-red">*</span>将会成为您唯一的登入名
        </div>
      </div>
      <div class="layui-form-item">
        <label for="name" class="layui-form-label">
          <span class="we-red">*</span>昵称
        </label>
        <div class="layui-input-inline">
          <input type="text" id="name" name="name" required="" lay-verify="required" autocomplete="off"
            class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">
          <span class="we-red">*</span>展示在首页的昵称
        </div>
      </div>
      <div class="layui-form-item" style="width: 30%">
        <label class="layui-form-label"><span class="we-red">*</span>等级</label>
          <div class="layui-input-block">
              <select name="level" lay-verify="required" >
                  <option value="1">普通用户</option>
                  <option value="2">部门领导</option>
                  <option value="3">超级管理员</option>
              </select>
          </div>
      </div>
      <div class="layui-form-item">
        <label for="L_pass" class="layui-form-label">
          <span class="we-red">*</span>密码
        </label>
        <div class="layui-input-inline">
          <input type="password" id="L_pass" name="password" required="" lay-verify="pass" autocomplete="off"
            class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">
          6到16个字符
        </div>
      </div>
      <div class="layui-form-item">
        <label for="L_repass" class="layui-form-label">
          <span class="we-red">*</span>确认密码
        </label>
        <div class="layui-input-inline">
          <input type="password" id="L_repass" name="confirmPassword" required="" lay-verify="repass" autocomplete="off"
            class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label for="L_repass" class="layui-form-label"></label>
        <button class="layui-btn" lay-filter="add" lay-submit="">增加</button>
      </div>
    </form>
  </div>
<!--  <script src="pages/admin/add.js" type="text/javascript"></script>-->
  <script src="lib/layui/layui.js" type="text/javascript"></script>
  <script type="text/javascript">
      layui.config({
          base: 'js/'
      }).extend({ //设定模块别名
          admin: 'admin'
          , menu: 'menu'
          , http: 'http'
      });
      layui.use(['form', 'layer','jquery'], function () {
          var form = layui.form,
              layer = layui.layer,
              $ = layui.jquery
          form.render();
          //自定义验证规则
          form.verify({
              nikename: function (value) {
                  if (value.length < 5) {
                      return '昵称至少得5个字符啊';
                  }
              }
              , pass: [/(.+){6,12}$/, '密码必须6到12位']
              , repass: function (value) {
                  if ($('#L_pass').val() != $('#L_repass').val()) {
                      return '两次密码不一致';
                  }
              }
          });

          //监听提交
          form.on('submit(add)', function (data) {
              console.log(data);
              //发异步，把数据提交给php
              $.ajax({
                  url: 'http://localhost:8080/admin/index/register',
                  type: 'POST',
                  dataType: 'json',
                  contentType: 'application/json;charset=UTF-8',
                  data: JSON.stringify(data.field),
                  success: function (res) {
                      console.log('success');
                      console.log(res);
                      if (res.result === "SUCCESS") {
                          layer.alert("增加成功", { icon: 6 }, function () {
                              // 获得frame索引
                              var index = parent.layer.getFrameIndex(window.name);
                              //关闭当前frame
                              parent.layer.close(index);
                          });
                      } else {
                          layer.msg(res.message);
                      }
                  }
              });

              return false;
          });
      });
  </script>
</body>

</html>